<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=9"/>
    <title>car</title>
</head>
<body>
<script type="text/javascript" src="/dist/js/subPages/car.js"></script>
<table id="carDg" class="easyui-datagrid" data-options="url:'./../car/query',rownumbers:true,toolbar:'#carDgTbar',
		pageSize:20,pagination:true,striped:true,fit:true,fitColumns: true,singleSelect: true,selectOnCheck: false,rowStyler: car.rowStyler">
    <thead>
    <tr>
    	<th data-options="checkbox:true"></th>
        <th data-options="field:'id',width:80">编号</th>
        <th data-options="field:'car_num',width:80">车牌号</th>
        <th data-options="field:'seat',width:80">乘客座位数</th>
        <th data-options="field:'total_seat',width:80">总座位数</th>
        <th data-options="field:'car_type_name',width:80">车辆型号</th>
        <th data-options="field:'car_brand',width:80">车辆品牌</th>
        <th data-options="field:'device',width:80">设备型号</th>
        <th data-options="field:'phone',width:80">手机号</th>
        <th data-options="field:'buy_date',width:80">购车时间</th>
        <th data-options="field:'from_company_name',width:80">所属公司</th>
        <th data-options="field:'imei',width:80">设备imei号</th>
        <th data-options="field:'car_pic',width:80">车辆照片</th>
        <th data-options="field:'car_registration_pic',width:80">车辆行驶本照片</th>
        <th data-options="field:'appearance_pic',width:80">外观照片</th>
        <th data-options="field:'trim_pic',width:80">内饰照片</th>
        <th data-options="field:'insure_end_date',width:80">保险到期日期</th>
        <th data-options="field:'car_status_name',width:80">车辆状态</th>
        <th data-options="field:'inspection_date',width:80">年检日期</th>
        <th data-options="field:'is_check',width:80,formatter: car.is_checkFormatter">是否有效</th>
        <th data-options="field:'create_time',width:80">创建时间</th>
        <th data-options="field:'remark',width:80">备注</th>
    </tr>
    </thead>
</table>
<div id="carDgTbar">
    <table width="100%">
        <tr>
            <td align="left">
                &nbsp;&nbsp;车牌号：&nbsp;&nbsp;
                <input id="car_numParam" name="car_num" class="easyui-validatebox" style="width: 150px;">
                &nbsp;&nbsp;车辆品牌：&nbsp;&nbsp;
                <input id="car_brandParam" name="car_brand" class="easyui-validatebox" style="width: 150px;">
                &nbsp;&nbsp;所属公司：&nbsp;&nbsp;
	        	<input id="from_companyParam" class="easyui-combobox" name="from_company" data-options="
								valueField:'code',textField:'name',url:'./../dictionary/selectByCode?code=20',
								loader: common.comboBoxLoader,
								onBeforeLoad: function(param){
									param.page = 0;param.rows = 100; 
								} " />
				 &nbsp;&nbsp;车辆状态：&nbsp;&nbsp;
				<input id="car_statusParam" class="easyui-combobox" name="car_status" data-options="
								valueField:'code',textField:'name',url:'./../dictionary/selectByCode?code=26',
								loader: common.comboBoxLoader,
								onBeforeLoad: function(param){
									param.page = 0;param.rows = 100; 
								} "/>              
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-search" plain="true">查 询</a>
            </td>
            <td align="right" width="550px">
            	<a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-search" plain="true">查看图片</a>
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-add" plain="true">添加</a>
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-edit" plain="true">修改</a>
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-remove" plain="true">删除</a>
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-edit" plain="true">恢复使用</a>
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-remove" plain="true">永久删除</a>
                <a class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-remove" plain="true">停车</a>
            	<a id="export" class="easyui-linkbutton" href="javascript:void(0);" iconCls="icon-excel" plain="true">导 出</a>
            </td>
            <td align="right" width="10px">&nbsp;</td>
        </tr>
    </table>
</div>
<div id="carDlg" class="easyui-dialog" style="width:480px;height:620px;padding:20px"
     data-options="resizable:true,modal:true" closed="true" buttons="#carDlgBtn">
    <form id="carFm" class="fm" method="post" novalidate enctype="multipart/form-data">
        <div class="fitem">
            <label> 车牌号： </label>
            <input id="id" name="id" type="hidden">
            <input id="car_num" name="car_num" class="easyui-validatebox" required="true" >
        </div>
        <div class="fitem">
            <label> 总座位数： </label>
            <input id="total_seat" name="total_seat" class="easyui-validatebox" required="true"
            	data-options="validType: ['num']">
        </div>
        <div class="fitem">
            <label> 乘客座位数： </label>
            <input id="seat" name="seat" class="easyui-validatebox" required="true"
            	data-options="validType: ['num']">
        </div>
        <div class="fitem">
            <label> 车辆型号： </label>
            <input id="car_type" class="easyui-combobox" name="car_type" data-options="
								valueField:'code',textField:'name',url:'./../dictionary/selectByCode?code=31',
								loader: common.comboBoxLoader" required="true"/>
        </div>
        <div class="fitem">
            <label> 车辆品牌： </label>
            <input id="car_brand" name="car_brand" class="easyui-validatebox" required="true"
            	data-options="validType: ['maxLength[18]','specialChar']">
        </div>
        <div class="fitem">
            <label> 设备型号： </label>
            <input id="device" name="device" class="easyui-validatebox" required="true"
            	data-options="validType: ['specialChar']">
        </div>
        <div class="fitem">
            <label> 手机号： </label>
            <input id="phone" name="phone" class="easyui-validatebox"
            	data-options="validType: ['mobilephone']">
        </div>
        <div class="fitem">
            <label> 购车时间： </label>
            <input id="buy_date" name="buy_date" class="Wdate" type="text" style="width: 172px" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"/>
        </div>
        <div class="fitem">
            <label> 所属公司： </label>
	        <input id="from_company" class="easyui-combobox" name="from_company" data-options="
								valueField:'code',textField:'name',url:'./../dictionary/selectByCode?code=20',
								loader: common.comboBoxLoader" required="true"/>
        </div>
        <div class="fitem">
            <label> 设备imei号： </label>
            <input id="imei" name="imei" class="easyui-validatebox" required="true"
            	data-options="validType: ['specialChar']">
        </div>
        <div class="fitem">
          	<label> 车辆照片： </label>
        	<input id="car_pic" name="car_picUrl" type="file" multiple=true>
       	</div>
        <div class="fitem">
            <label> 车辆行驶本照片： </label>
            <input id="car_registration_pic" name="car_registration_picUrl" type="file" multiple=true>
        </div>
        <div class="fitem">
            <label> 外观照片： </label>
            <input id="appearance_pic" name="appearance_picUrl" type="file" multiple=true>
        </div>
        <div class="fitem">
            <label> 内饰照片： </label>
            <input id="trim_pic" name="trim_picUrl" type="file" multiple=true>
        </div>
        <div class="fitem">
            <label> 保险到期日期： </label>
            <input id="insure_end_date" name="insure_end_date" class="Wdate" type="text" style="width: 172px" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"/>
        </div>
        <div class="fitem">
            <label> 车辆状态： </label>
            <input id="car_status" class="easyui-combobox" name="car_status" data-options="
								valueField:'code',textField:'name',url:'./../dictionary/selectByCode?code=26',
								loader: common.comboBoxLoader,
								onBeforeLoad: function(param){
									param.page = 0;param.rows = 100; 
								} " required="true" />
        </div>
        <div class="fitem">
            <label> 年检日期： </label>
            <input id="inspection_date" name="inspection_date" class="Wdate" type="text" style="width: 172px" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})"/>
        </div>
        <div class="fitem">
            <label> 备注： </label>
            <input id="remark" name="remark" class="easyui-validatebox">
        </div>
    </form>
    <div id="carDlgBtn">
        <a href="#" class="easyui-linkbutton" iconCls="icon-ok">确定</a>
        <a href="#" class="easyui-linkbutton" iconCls="icon-cancel">取消</a>
    </div>
    <div id="carImg" class="easyui-dialog" style="width:400px;height:450px;padding:20px"
   			data-options="resizable:true,modal:true,closable: false" closed="true" buttons="#carImgBtn">
    	<div id="img"></div>
    	<div id="carImgBtn">
	        <a href="#" class="easyui-linkbutton" iconCls="icon-ok">关闭</a>
    	</div>
    </div>
</div>
</body>
</html>